<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt"	uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <%@ page isELIgnored="false" %>
    <title>订单页</title>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet"  href="${ctx}/static/css/style.css" type="text/css" />
	<script language=javascript>
	function checkform() {
  if(orderform.name.value == '') {
    alert('请输入姓名！');
    orderform.name.focus();
    return false;
  }
  if(orderform.sex.value == '') {
    alert('请输入性别！');
    orderform.sex.focus();
    return false;
  }
  if(orderform.schoolname.value == '') {
    alert('请输入学校中文名称！');
    orderform.schoolname.focus();
    return false;
  }
  if(orderform.grade.value == '') {
    alert('请输入年级！');
    orderform.grade.focus();
    return false;
  }
  if(orderform.email.value == '') {
    alert('请输入邮箱！');
    orderform.email.focus();
    return false;
  }
  if(orderform.cellPhone.value == '') {
    alert('请输入手机号！');
    orderform.cellPhone.focus();
    return false;
  }
  if((orderform.fatherName.value == '' && orderform.fatherEmail.value == ''&&orderform.fatherPhone.value == '')
  ||(orderform.motherName.value == ''&&orderform.motherName.value == ''&&orderform.motherName.value == '')) {
    alert('请将填全父母联系方式至少填全一个！');
    orderform.fatherName.focus();
    return false;
  }
  if(orderform.RadioGroupKnow1.value == '') {
    alert('请选择父母是否知晓相关信息！');
    orderform.RadioGroupKnow1.focus();
    return false;
  }
  if(orderform.RadioGroupAgree1.value == '') {
    alert('请选择父母是否同意参加该项目！');
    orderform.RadioGroupAgree1.focus();
    return false;
  }
  if(orderform.RadioGroupOwn1.value == '') {
    alert('请选择是否拥有欧护照！');
    orderform.RadioGroupOwn1.focus();
    return false;
  }
  if(orderform.firstName.value == '') {
    alert('请输入姓拼音！');
    orderform.firstName.focus();
    return false;
  }
  if(orderform.lastName.value == '') {
    alert('请输入名拼音！');
    orderform.lastName.focus();
    return false;
  }
  if(orderform.passid.value == '') {
    alert('请输入护照号码！');
    orderform.passid.focus();
    return false;
  }
  if(orderform.country.value == '') {
    alert('请输入国籍！');
    orderform.country.focus();
    return false;
  }
  if(orderform.passSignTime.value == '') {
    alert('请输入护照签发日期！');
    orderform.passSignTime.focus();
    return false;
  }
  if(orderform.passCloseTime.value == '') {
    alert('请输入护照有效期！');
    orderform.passCloseTime.focus();
    return false;
  }
  document.orderform.submit() ;
}
</script>
  </head>
  
<body style=" background:#fafafa;">
	
	<div class="os-2015">
	<br><%@ include file="/public/top.jsp"%>
	<!-- <script type="text/javascript" src="${ctx.resource}/js/header.js"></script> --> 
	<!--center-->
	<div class="pay">
	<div class="w">
	<div class="pay01">
	<!--进度条-->
		<ul>
		<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
		<li>填写个人信息</li>
		<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
		<li><img src="${ctx.resource}/images/s-select02.jpg" /></li>
		<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
		<li>支付项目</li>
		<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
		<li><img src="${ctx.resource}/images/s-select03.jpg" /></li>
		<li><img src="${ctx.resource}/images/s-select01.jpg" /></li>
		<li id="act">完成</li>
		<li><img src="${ctx.resource}/images/s-select04.jpg" /></li>
		</ul>
		<!--进度条-->
	</div>
	<div class="order-main">
<p>个人信息</p>



<p style="color:#707070">请正确填写下列信息，以便我们尽快给您办理相关手续。</p>
<form action="${ctx}/pay/pay.jsp" name="orderform" method="post"  >
<p><span>*</span> <label class="lr">学生姓名</label> <input value="${stu.name}" name="name" type="text" class="luru" /></p>
<p><span>*</span> <label>性别</label> <select name="sex" class="luru">
<s:iterator value="classslist" var="obj">
<s:if test="${stu.sex}== 男">
<option value="男" selected="selected"/>男</option>
</s:if>
<s:else>
<option value="女" selected="selected">女</option>
</s:else>
</s:iterator>
</select></p>
<p><span>*</span> <label class="lr">学校</label> <input value="${stu.school.schoolNAME}" name="schoolname" type="text" class="luru" /></p>
<p><span>*</span> <label class="lr">年级</label> <input value="${stu.grade}" name="grade" type="text" class="luru" /></p>
<p><span>*</span> <label class="lr">邮箱</label> <input value="${stu.email}" name="email" type="text" class="luru" /></p>
<p><span>*</span> <label class="lr">手机</label> <input value="${stu.cellPhone}" name="cellPhone" type="text" class="luru" /></p>
<p><span>*</span> <label class="lr">父母联系方式（至少一个要填全）</label> </p>
<p><span>*</span> <label class="lr">父亲姓名</label> <input value="${stu.fatherName}" name="fatherName" type="text" class="luru" /> <label class="lr">邮箱</label> <input value="${stu.fatherEmail}" name="fatherEmail" type="text" class="luru" /> <label class="lr">手机</label> <input value="${stu.fatherPhone}" name="fatherPhone" type="text" class="luru" /></p>
<p><span>*</span> <label class="lr">母亲姓名</label> <input value="${stu.motherName}" name="motherName" type="text" class="luru" /> <label class="lr">邮箱</label> <input value="${stu.motherEmail}" name="motherEmail" type="text" class="luru" /> <label class="lr">手机</label> <input value="${stu.motherPhone}" name="motherPhone" type="text" class="luru" /></p>
<p><span>*</span> <label class="lr">父母是否已知晓相关信息</label> 
    <label>
      <input type="radio" name="RadioGroupKnow1" value="是" id="RadioGroupKnow1_0" />
      是</label>
    <label>
      <input type="radio" name="RadioGroupKnow1" value="否" id="RadioGroupKnow1_1" />
      否</label></p>
      <p><span>*</span> <label class="lr">父母是否已同意参加该项目</label> 
    <label>
      <input type="radio" name="RadioGroupAgree1" value="是" id="RadioGroupAgree1_0" />
      是</label>
    <label>
      <input type="radio" name="RadioGroupAgree1" value="否" id="RadioGroupAgree1_1" />
      否</label></p>
      <p><span>*</span> <label class="lr">是否用欧护照</label> 
    <label>
      <input type="radio" name="RadioGroupOwn1" value="是" id="RadioGroupOwn1_0" />
      是</label>
    <label>
      <input type="radio" name="RadioGroupOwn1" value="否" id="RadioGroupOwn1_1" />
      否</label></p>
      <p><span>*</span> <label class="lr">姓拼音</label> <input value="${stu.firstName}" name="firstName" type="text" class="luru" /></p>
      <p><span>*</span> <label class="lr">名拼音</label> <input value="${stu.lastName}" name="lastName" type="text" class="luru" /></p>
      <p><span>*</span> <label class="lr">护照号码</label> <input value="${stu.passid}" name="passid" type="text" class="luru" /></p>
      <p><span>*</span> <label class="lr">国籍</label> <input value="" name="country" type="text" class="luru" /></p>
      <p><span>*</span> <label class="lr">签发日期</label> <input value="${stu.passSignTime}" name="passSignTime" class="Wdate" onClick="WdatePicker()" type="text" class="luru" /></p>
      <p><span>*</span> <label class="lr">有效期至</label> <input value="${stu.passCloseTime}" name="passCloseTime" class="Wdate" type="text" onClick="WdatePicker()" class="luru" /></p>
<div class="order-bot1">
<span>参与项目信息</span>
<p class="order-bot1-li"><span>项目信息</span><span>项目时间</span><span style="padding-right:0">总计费用</span></p>
</div>  
<div class="wenben">
<span class="pig"><img src="${ctx.resource}/images/pay-img01.jpg" /></span>
<span>ASDAN精英项目-美国项目<br />第一期</span>
<span style="padding-right:95px;">开始时间：2015-03-11</span>
<span class="money">$19999</span>
<div style=" clear:both"></div>
<p class="butt"><a href="">返回上一步编辑信息</a><input type="image" src="${ctx.resource}/images/order_btn.png"  onClick="checkform()" align="" ></p>
<!--  <a href="${ctx}/pay/pay.jsp"><img type="submit" src="${ctx.resource}/images/order_btn.png" /></a></p>-->
<div style=" clear:both"></div>
</div> 

</form> 
</div>
</div>
</div>
<div style=" clear:both"></div>
<div style="height:30px;"></div>
<%@ include file="/public/footer.jsp"%>
</div>
<script language="javascript" type="text/javascript" src="${ctx}/static/js/My97DatePicker/WdatePicker.js"></script>
</body>
</html>
